<template>
	<view class="page-dowanload">
		<view class="page-dowanload-header">
			<image src="../../static/favicon.png" mode=""></image>

			<text>爽淘淘APP</text>
			<image src="../../static/theme2.png" mode=""></image>
		</view>
		<view class="page-dowanBtn">
			<image src="../../static/安卓.png" mode=""></image>
			<text>
				<a :href="dowanload_src">
				Android 下载
				</a>
				</text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			dowanload_src:""
		};
	},
	methods: {},
	
};
</script>

<style scoped lang="scss">
.page-dowanload {
	width: 100vw;
	height: calc(100vh - 100rpx);
	background: url(../../static/bg.jpg);
	background-size: 100% 100%;

	.page-dowanload-header {
		width: 100%;
		margin: 0 auto;
		
		text-align: center;
		image {
			padding-top: 5vh;
			display: block;
			border-radius: 20rpx;
			margin: 0 auto;
			width: 300rpx;
			height: 200rpx;
		}

		& > text:nth-child(2) {
			color: #ffffff;
			font-size: 70rpx;
			padding-top: 5vh;
			font-weight: 500;
			display: block;
			margin: 0 auto;
		}
		& > image:nth-child(3) {
			width: 90%;
			height: 40rpx;
			display: block;
			margin: 0 auto;
			padding-bottom: 20vh;
		}
	}

	.page-dowanBtn {
		width: 85%;
		height: 120rpx;
		background: #222;
		text-align: center;
		margin:  0 auto;
		border-radius: 5rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		image{
			width: 94rpx;
			height: 80rpx;
			margin-right: 10vw;
		}
		a{
			text-decoration: none;
			color: #FFFFFF;
		}
	}
}
</style>
